<template>
  <div>
    <table-ext :columns="columns" :searchForm="searchForm" :config="config" ref="tableExt">
    </table-ext>
  </div>
</template>
<script>
  import TableExt from '@/components/common/table-ext/table-ext.vue';
  import TableIcon from '@/components/common/table-ext/table-icon';
   export default {
    // 引入自定义表格组件
    components:{
      'table-ext': TableExt
    },
    data() {
      return {
        config:{ // 页面共通配置
          title: '公司', //页面标题
          isPage: true, //是否分页
          isNo: true, //是否显示序号
          crudMapping:{ // CRUD方法
            query:{
              url: this.lib.config.host.masterData + '/system/cmpMgt/company/getByVendorId',
              data:{'vendorId' :  this.$route.query.id},
              resultFun(response) { // 修改返回默认值
                return {
                  list: response.data, //返回列表数据
                  total: response.data.total //返回总数
                };
              }
            }
          }
        },
        // 查询表单配置
        searchForm:[{
          //显示标签
          label: '公司编码：', 
          //数据字段
          key: 'companyCode', 
          //标签类型
          type: 'input' 
        },{
          label: '公司名称：',
          key: 'companyName',
          type: 'input'
        }],
        // 表格列定义
        columns:[{
          label: '公司编码',
          key: 'companyCode',
          align:'center',
          width:'160px'
        },{
          label: 'ERP编码',
          key: 'companyErpCode',
          align:'center',
          width:'160px'
        },{
          label: '公司名称',
          key: 'companyName',
          align:'center',
          width:'250px'
        },{
          label: '公司简称',
          key: 'companyShortName',
          align:'center',
          width:'250px'
        },{
          label: '公司地址',
          key: 'address',
          align:'center',
          width:'300px'
        },{
          label: '公司邮编',
          key: 'postCode',
          align:'center',
          width:'160px'
        },{
          label: '公司电话',
          key: 'tel',
          align:'center',
          width:'250px'
        },{
          label: '开户行',
          key: 'bankName',
          align:'center',
          width:'250px'
        },{
          label: '银行账户',
          key: 'bankAccount',
          align:'center',
          width:'160px'
        },
        {
          label: '最后修改时间',
          key: 'lastModifyTime',
          align:'center',
          width:'160px'
        }]
      }
    }
  }
</script>